<!--
 * @Author: 杨光辉(GerhardYang)
 * @Date: 2021-02-02 15:30:34
 * @LastEditors: 杨光辉(GerhardYang)
 * @LastEditTime: 2021-08-09 09:19:16
 * @Description: file content
 * @Copyright: 超图软件华中平台客户中心 (SuperMap Software Co., Ltd. -Central China Platform)
-->

<template>
  <div>
    <!-- <Header /> -->
    <div id="scene"></div>
    <RightMenu ref="RightMenu" :key="rightMenukey" />
    <Map ref="Map" />
    <SearchBox ref="SearchBox" />

    <!-- <ToolsBox /> -->
    <Basetools />
    <!-- <Details ref="Details" /> -->
  </div>
</template>

<script>
// import Header from "../components/Header/";
import RightMenu from "@/components/RightMenu";
import Map from "@/components/Map";
import SearchBox from "@/components/SearchBox";
import Basetools from "@/components/Basetools";
// import Details from "@/components/Basetools/Details";
export default {
  data() {
    return {
      basetoolskey: 1,
      rightMenukey: 2,
      searchBoxkey: 3,
      mapkey: 0,
    };
  },
  components: {
    // Header,
    RightMenu,
    Map,
    SearchBox,
    Basetools,
    // Details,
  },
  methods: {
    forceRerender() {
      this.rightMenukey += 1;
    },
  },
  mounted() {
    let self = this;
    this.$eventBus.$on("clearAlldata", function () {
      self.forceRerender();
    });
  },
};
</script>
<style lang="less" scoped>
#scene {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
}
</style>
